<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="Cache-Control" content="no-siteapp"><!-- 百度不转码 -->
    <meta http-equiv="Cache-control" content="no-cache"> <!-- 不缓存 -->
    <meta content="telephone=no" name="format-detection"> <!-- 禁止手机自动将网页中的电话号码显示为拨号的超链接 -->
    <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"><!-- "苹果手机专用"的改变顶部状态条的颜色 -->
    <meta content="yes" name="apple-mobile-web-app-capable"><!-- 开启对 web app 程序的支持 -->
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport">
    <!-- 不允许缩放的1:1显示 -->
    <meta name="mobile-agent" content="format=html5;url=http://m.moerlong.com/"><!-- 自主适配，仅在百度移动搜索中有效 -->
    <meta name="applicable-device" content="mobile"><!-- 只适合在移动设备上进行浏览 -->
    <meta name="keywords" content="">
    <meta name="robots" content="index,follow"> <!-- 定义搜索引擎索引方式 -->
    <meta name="format-detection" content="telphone=no, email=no" />
    <title>丽娟教育</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/headfoot.css" />
    <link rel="stylesheet" href="css/second.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/index.js"></script>
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
</head>

<body>
    <div class="heads">
        <script>
            $(".heads").load("head2.html");
        </script>
    </div>
    <div class="online baibg pb50 ">
        <div class="online_item" style="display: block">
            <ul>
                <li class="borbt"><a href="#">
                        <div class="online_img">
                            <img src="images/index/ii-1.jpg" alt="">
                        </div>
                        <div class="online_text">
                            <h4 class="textfull1">视觉图像的理解实践阶段</h4>
                            <p class="textfull2">本阶段教学课程设置根据此年龄孩子的心理特点和实践能力</p>
                        </div>
                        <div class="online_btn">
                            <span>报名中</span>
                        </div>
                    </a></li>
            </ul>
        </div>
    </div>
    <div class="huibg">
        <div class="enroll">
            <h1>填写报名表</h1>
            <ul>
                <li>
                    <p> <span>*</span>您的姓名 </p>
                    <input type="text">
                </li>
                <li>
                    <p> <span>*</span>联系方式 </p>
                    <input type="text">
                </li>
                <li>
                    <p> <span>*</span>电子邮箱 </p>
                    <input type="text">
                </li>
            </ul>
        </div>
    </div>
    <!-- 支付 -->
    <div class="fei_inner">
        <div class="fei">
            <div class="fei_lf">
                费用合计：<span> ¥5000.00</span>
            </div>
            <div class="fei_rt">
                <a href="#">提交报名</a>
            </div>
        </div>
    </div>
    <script>
        var swiper = new Swiper('#ages', {
            pagination: '.swiper-pagination',
            slidesPerView: 4,
            freeMode: true,
            paginationClickable: true,
            spaceBetween: 30,
            // centeredSlides: true,
            onTap: function (swiper) {
                var index = swiper['clickedIndex'];
                console.log(index);
                a(index);
                swiper.slideTo(index);
            }
        });

        function a(i) {
            $(".swiper-slide").eq(i).addClass('active').siblings().removeClass('active');
            $('.online .online_item').eq(i).fadeIn(150).siblings('.online_item').hide();


        }
    </script>
</body>